<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <title>zhfeat管理系统</title>

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->

    <link rel="shortcut icon" href="<%=basePath%>favicon.ico">
    <link href="<%=basePath%>hplus/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="<%=basePath%>hplus/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="<%=basePath%>hplus/css/animate.min.css" rel="stylesheet">
    <link href="<%=basePath%>hplus/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/hplus/js/plugins/sweetalert/sweetalert2.min.css">

    <style>
        .cover {
            position: fixed;
            top: 0px;
            right: 0px;
            bottom: 0px;
            filter: alpha(opacity=60);
            background-color: #FFFFFF;
            z-index: 9999;
            left: 0px;
            display: none;
            opacity: 0.5;
            -moz-opacity: 0.5;
            text-align: center;
        }

        .roll-right.J_tabRight {
            right: 210px;
        }

        .roll-right.J_tabReturn {
            right: 140px;
        }

        body.canvas-menu .navbar-static-side, body.fixed-sidebar .navbar-static-side {
            position: fixed;
            width: 180px;
            z-index: 2001;
            height: 100%;
        }

        #page-wrapper {
            padding: 0 15px;
            position: inherit;
            margin: 0 0 0 180px;
        }

        #content-main {
            height: calc(100% - 80px);
            overflow: hidden;
        }

    </style>
</head>


<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
<div id="wrapper">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <!-- 用户头像、姓名、管理权限  开始-->
                <li class="nav-header" style="margin-bottom: 10px;background:#2F4050;">
                    <div>
                        <span class="nav-label"><img alt="image" style="width: 100px;" class="img-circle"
                                                     id="companyLogo"
                                                     src="${pageContext.request.contextPath}/images/system/logoMain.jpg"/></span>
                        <a class="J_menuItem" href="<%=basePath%>/view/ui/personal">
                                <span class="clear col-sm-12">
                                <span class="block m-t-xs"><strong class="font-bold">${sysUser.userName}</strong></span>
                                <span id="agreement" style="display:none">${sysUser.agreement}</span>
                                <span class="text-muted text-xs block" id="roleNames" title="${sysUser.roleNames}"><b
                                        class="caret"></b></span>
                                </span>
                        </a>
                    </div>
                    <div class="logo-element" style="cursor:pointer"><i class="fa fa-exchange" aria-hidden="true"></i>
                    </div>
                </li>
                <!-- 用户头像、姓名、管理权限  结束-->

                <!-- 遍历全部的从数据库中根据用户对应的角色、角色对应的具体权限查出的该用户的全部可展示的一级菜单 -->
                <c:forEach items="${auths}" var="auth1">
                    <!-- 如果是一级菜单、并且该菜单不是首页 -->
                    <c:if test="${auth1.parentCode==0&& auth1.nameEn!='main_page_first'}">
                        <li>
                            <!-- 遍历全部的一级菜单 -->
                            <a class="J_menuItem"
                               href="<%=path%>${auth1.url}menuId=${auth1.id}&menuName=${auth1.name}&account=${account}&sign=${sign}"><img
                                    src="<%=path%>/images/menuIcon/${auth1.menuIcon}"></img>&nbsp;&nbsp;<span
                                    class="nav-label">${auth1.name}</span></a>
                        </li>
                    </c:if>
                </c:forEach>

            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->

    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">

        <div class="row border-bottom" style="display:none">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header" style="display:none"><a
                        class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i>
                </a>
                </div>
            </nav>
        </div>

        <!-- 导航工具栏 -->
        <div class="row content-tabs">
            <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs J_menuTabs">
                <div class="page-tabs-content">
                    <!-- 	                    <a href="javascript:;" class="active J_menuTab" data-id="index_v1.html">首页</a> -->
                </div>
            </nav>
            <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
            </button>
            <!-- 增加iframe返回逻辑 -->
            <button class="roll-nav roll-right J_tabReturn" style="width:70px;" onclick="iframeReturn();"><i
                    class="fa fa-mail-reply"> 返回</i>
            </button>
            <div class="btn-group roll-nav roll-right">
                <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>
                </button>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                    <li class="J_tabShowActive"><a>定位当前选项卡</a>
                    </li>
                    <li class="divider"></li>
                    <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
                    </li>
                    <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
                    </li>
                </ul>
            </div>
            <a onclick="exit();" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
        </div>

        <!-- 动态生成的iframe -->
        <div class="row J_mainContent" id="content-main">
            <!--
	            <c:if test="${main_page.startsWith('/')}">
	                <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="<%=path%>${main_page}"
	                        frameborder="0" data-id="index_v1.html" seamless></iframe>
	            </c:if>
	            <c:if test="${main_page.contains('.zhiweit.com')} or ${main_page.contains('crm.cecook.net')}">
	               <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="${main_page}account=${account}&sign=${sign}"
	                        frameborder="0" data-id="index_v1.html" seamless></iframe>
	            </c:if>
	             -->
            <iframe class="J_iframe" name="iframe0" width="100%" height="100%"
                    src="${main_page}account=${account}&sign=${sign}" frameborder="0" data-id="index_v1.html"
                    seamless></iframe>
        </div>

        <div class="footer">
            <div class="pull-right">&copy; 2016-2017 <a href="http://www.cecook.cn/" target="_blank">zhfeat</a>
            </div>
        </div>
    </div>
    <!--右侧部分结束-->

</div>
<!-- 平台服务协议 -->
<div hidden="" class="modal inmodal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm" style="width:725px;height:550px;overflow-y: auto;">
        <div class="modal-content">
            <div class="modal-header" style="padding: 15px 15px 10px;">
                <button id="closeBtn" type="button" class="close" onclick="closeAgreement();"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span></button>
                <h4 class="text-left">“zhfeat”平台服务协议</h4>
            </div>
            <div>
<pre><span style="font-weight:bold;">				   “zhfeat”平台服务协议</span>

zhfeat（以下简称“zhfeat”）在此特别提醒用户：
  您务必仔细阅读本用户服务协议中的各个条款，本协议为您使用平台服务时所应遵守的各项规定，在本协议中明
确了您可以和不可以利用平台服务所进行的各项行动，作为企业用户，您应同意本协议中的各个条款，方可享受服务，
并应督促您企业所属员工在接受“zhfeat”提供的服务时遵守本服务协议之规定。
“zhfeat”平台系zhfeat旗下产品，为企业提供精准获客以及智能营销的网络技术服务平台。
1、知识产权
  “zhfeat”的应用程序、源代码、LOGO、界面设计、应用程序编程接口（API）所关联的所有知识产权均归属“中
  企酷客”。
2、数据归属权
  用户在“zhfeat”创建的数据归属用户企业所有，在服务期内企业用户有权进行任何形式的处置，包括从平台中
  复制，导出和删除。
3、版本说明
  1)“zhfeat”因功能使用范围不同而区分不同的套餐版本。
  2)根据合同功能列表所选为新用户开通产品功能，如需使用其他产品功能或增值服务，需联系中企动力进行购买，
  并遵守双方的购买协议。
  3)合同有效期间，用户在遵守本协议的情况下，可免费享有现有功能的版本升级服务。
4、用户使用约定
  1)用户不得进行任何侵犯本网络服务平台或其要素作品的知识产权的行为，或者进行其他的有损于“zhfeat”或
  其他用户合法权益的行为。如用户存在此种行为，“zhfeat”将采取技术措施防止用户从事下述行为，包括但
  不限于：
    a)删除或修改本网络服务平台上的版权信息，或者伪造ICP/IP地址或者数据包的名称；
    b)进行编译、反编译、反向工程或者以其他方式破解本网络服务平台的行为；
    c)进行任何破坏本网络服务平台使用公平性或者其他影响其正常使用秩序的行为，如利用BUG（又叫“漏洞”或者
  “缺陷”）来获得不正当的非法利益；
    d)利用技术非法侵入、破坏本网络服务平台之服务器系统，或者修改、增加、删除、窃取、截留、替换本网络服务
    平台之客户端或服务器系统中的数据，或者非法挤占本网络服务平台之服务器空间，或者实施其他的使之超负荷运
    行的行为；
    e)发布任何诈骗或虚假信息；
    f)发表、转发、传播含有谩骂、诅咒、诋毁、攻击、诽谤“zhfeat”和/或第三方内容的，或者含有封建迷信、
    淫秽、色情、下流、恐怖、暴力、凶杀、赌博、反动、煽动民族仇恨、危害祖国统一、颠覆国家政权等让人反感、
    厌恶的内容的非法言论；
    g)利用本网络服务平台故意传播恶意程序或计算机病毒，或者利用本网络服务平台发表、转发、传播侵犯第三方
    知识产权、肖像权、姓名权、名誉权、隐私或其他合法权益的文字、图片、照片、程序、视频和/或动画等资料；
  2)为维护“zhfeat”服务平台的合法权益，用户通过本平台创建的所有营销活动内容，均需通过“zhfeat”
  审核通过之后方可上线。
  3)用户自行创建活动模板时可选择是否同意 “zhfeat”收录此活动作为系统活动模板，系统默认选项为“是”；
  选否则不允许收录，选是即视为“zhfeat”可直接收录或编辑此活动后收录为 “zhfeat”系统中的活动模板。
5、隐私政策
  1)“zhfeat”负有保护与用户有关的资料、数据、作品或其他资料的义务，但因下列原因而披露给第三方的除外：
    a)基于国家法律法规的规定而对外披露；
    b)应国家司法机关及其他有关机关基于法定程序的要求而披露；
    c)为保护“zhfeat”、合作单位或您的合法权益而披露；
    d)在紧急情况，为保护其他用户及第三人人身安全而披露；
    e)经用户本人同意或应用户的要求而披露。
  2)“zhfeat”保留使用汇总统计性信息的权利，完全通过匿名统计方式，并且不是针对特定用户分析。
  3)“zhfeat”为更好的服务客户，会记录已开通帐号的联系方式包括并不限于电话、邮箱等信息以做后期服务支持。
6、使用限制
  1)用户如有本《协议》第4条第1款所列行为之一的，“zhfeat”有权采取下列措施当中的一种或几种并无需通知用户：
    a)断开用户当前使用的计算机与本网络服务平台服务器之间的网络连接；
    b)暂时禁止用户凭借当前使用的网络服务平台服务帐号享有服务；
    c)禁止用户使用本网络服务平台当中某一要求付费的功能，直至清偿所欠费用并为继续使用上述付费功能而预先支付
    相应的费用之日止；
    d)采取上列措施之外的其他的措施。
  2)用户注册后15天内未激活使用，“zhfeat”有权收回帐号的使用权，并删除其中的数据；
  3)用户注册后连续30天未登录使用，“zhfeat”有权收回帐号的使用权，并删除其中的数据。
7、其他约定
  1)“zhfeat”有权对本合约的条款进行修订并在修订生效日前一个工作日将更新公开公布在“zhfeat”网站
  【www.cecook.cn】。
  2)本《协议》各条款是可分的，所约定的任何条款如果部分或者全部无效，不影响该条款其他部分及本协议其他条款
  的法律效力。
  3)本《协议》各条款的标题只是为了方便用户阅读而起到提示、醒目的作用，对本《协议》的解释及适用没有任何指
  引作用。
  4)用户与“zhfeat”因本协议所涉及的有关事宜发生争议或者纠纷，双方可以友好协商解决；协商不成的，任何一
  方均可向有管辖权的人民法院起诉。
  5)本协议条款的解释、效力及纠纷的解决，均受中华人民共和国大陆地区法律、法规管辖。
  6)用户给客户发送含有违法内容的信息，经电信运营商或其他监督部门查实的，“zhfeat”将视情况给予违规用户
  年服务费1倍至5倍标准的违约罚款。
  7)用户发送垃圾短信给“zhfeat”造成的运维损失，如通信平台停用，行政主管部门对平台的行政处罚或其他正常
  用户因平台停用申请的损失赔偿等，由违规用户承担。
				
  《“zhfeat” 平台服务协议》所述内容已经全部浏览及阅读，本公司承诺按照zhfeat公开发布
  的《“zhfeat” 平台服务协议》规定的内容使用“zhfeat”平台提供的服务。
				</pre>
            </div>
            <div class="modal-footer" style="text-align:center;border-top:none;">
                <button type="button" id="updateAgreementBtn" class="btn btn-primary k_verify" id="submit"
                        onclick="updateAgreement();">同意
                </button>
                <button type="button" id="exitNewBtn" class="btn btn-outline btn-primary" onclick="exit();">不同意</button>
                <button type="button" id="closeAgreementBtn" class="btn btn-outline btn-primary"
                        onclick="closeAgreement();">关闭
                </button>
            </div>
        </div>
    </div>
</div>

<div id="cover" class="cover">
    <img src='${pageContext.request.contextPath}/images/system/logo.png'>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/bootcdn/BootCDN/ajax/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/metisMenu/2.7.1/metisMenu.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/bootcdn/BootCDN/ajax/libs/layer/3.0.3/layer.min.js"></script>
<script src="<%=basePath%>hplus/js/hplus.min.js?v=4.1.0"></script>
<script type="text/javascript" src="<%=basePath%>hplus/js/contabs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/marketing/dialog-plus.js"></script>
<script src="${pageContext.request.contextPath}/hplus/js/plugins/sweetalert/sweetalert2.min.js"></script>
</body>


<script type="text/javascript">

    //湖区所有的菜单url
    var realDataForUrl = [];
    //自加载方法
    $(function () {

        servicePath = "<%=basePath%>";

        //$("#myModal").modal('show');
        //初始化是否弹出协议
        initAgreementState();
        //查询所有的 一级菜单URL，如果当前正在显示的菜单在一级菜单中找得到，那么提示用户已经到最后一页
        $.ajax({
            type: "POST",
            async: false,
            url: "${pageContext.request.contextPath}/login/ajaxAuthsUrl",
            data: {},
            dataType: "json",
            timeout: 1000,
            success: function (data) {
                var realData = data.data;
                if (data.status == '200') {
                    realDataForUrl = realData;
                }
            }
        });
        //动态获取Logo
        $.post(
            "<%=path%>/company/ajaxCompanyInfo",
            function (e) {
                if (StringEmpty(e.data.logo)) {
                    $("#companyLogo").attr("src", e.data.logo);
                }
            });
        //模拟点击事件，选中第一个一级菜单的超链接
        $("a")[1].click();
        //角色超过字数显示省略号，不然样式会被拉伸
        var roleNames = '${sysUser.roleNames}';
        if (roleNames.length > 5) {
            $("#roleNames").text(roleNames.substring(0, 5) + "...");
        }

        //启动定时任务，用于定时检查redis中当前会话是否失效
        userShiroTask();
    })

    //启动定时任务，用于定时检查redis中当前会话是否失效
    function userShiroTask() {
        setInterval("startTask();", 5000)
    }

    //调用controller，从redis中判断session
    function startTask() {
        //退出登陆请求
        var url = "<%=path%>/login/ajaxGetShiroSession";
        $.post(url, {}, function (data) {
            var realData = data.data;
            if (data.status != 200) {
                exit();
            }
        });
    }

    //子页面显示父页面的modal
    function childAgreement() {
        $('#myModal').modal('show');
    }

    //关闭modal
    function closeAgreement() {
        $('#myModal').modal("hide");
    }

    //返回功能临时增加，具体返回逻辑还需重写 - ZhangHao
    /* 	function iframeReturn(){
            history.go(-1);
        } */

    //获取当前正在展示的iframe，对其进行后退操作，如果没有历史页，提示用户已经是最后一页
    function iframeReturn() {
        //history.go(-1);
        var path = "<%=basePath%>";
        //正在展示的iframe
        var inlineIframe = null;
        var tag = 0; //标记菜单中是否存在该url 0不存在，1存在
        //获取所有的iframes元素
        var iframes = document.getElementsByTagName("iframe");
        //var iframes = $("iframe[name^='iframe']");			
        for (var i = 0; i < iframes.length; i++) {
            var iframe = iframes[i].contentWindow;
            //加这一层判断是由于如果按名字取得的话，页面跳转至第三级会出现取不到名字的情况。但仅限当前tab，所以仍要以url判断
            if (iframe.name == "" && iframe.location.href != null) {
                inlineIframe = iframe;
                var htmlUrl = iframe.location.href.substring(path.length - 1, iframe.location.href.length);
                var url = iframe.location.href;
                for (var i = 0; i < realDataForUrl.length; i++) {
                    if (realDataForUrl[i].url.indexOf(htmlUrl) > -1) {
                        tag = 1;
                    }
                }
            } else {
                //如果该iframe是展示状态，那么获取该iframe
                if ($("iframe[name='" + iframe.name + "']").css('display') == 'inline') {
                    inlineIframe = iframe;
                    var htmlUrl = iframe.location.href.substring(path.length - 1, iframe.location.href.length);
                    var url = iframe.location.href;
                    for (var i = 0; i < realDataForUrl.length; i++) {
                        if (realDataForUrl[i].url.indexOf(htmlUrl) > -1) {
                            tag = 1;
                        }
                    }
                    if (htmlUrl.indexOf("mainView") > -1) {
                        tag = 1;
                    }
                }
            }
        }
        //	inlineIframe.history.back(-1);	
        //可以后退，不是初次加载菜单页
        if (tag == 0) {
            inlineIframe.history.go(-1);
        } else {
            //swal({text: "已经是最后一页",type: "warning"});
            //不做任何操作
            return;
        }
    }

    //退出操作
    function exit() {
        //退出登陆请求
        var url = "<%=path%>/login/ajaxExitLogin";
        $.post(url, {}, function (data) {
            var realData = data.data;
            if (data.status == 200) {
                window.location.href = "<%=basePath%>";
            }
        });
    }

    //初始化判断用户是否点击了协议
    function initAgreementState() {
        $("#updateAgreementBtn").show();
        $("#exitNewBtn").show();
        $("#closeBtn").hide();
        $("#closeAgreementBtn").hide();


        var agreement = $("#agreement").text();
        if (agreement == 0) {
            $('#myModal').modal({backdrop: 'static', keyboard: false});
        }
    }

    //当用户选择了同意
    function updateAgreement() {
        $.ajax({
            async: false,
            dataType: "json",
            url: "${pageContext.request.contextPath}/account/ajaxUpdateAgreement",
            success: function (data) {
                if (data.status == '200') {
                    $('#myModal').modal("hide");
                }
            }
        });
    }

    //判断字符串是否为空
    function StringEmpty(content) {
        if (content == undefined || content == "" || content == null) {
            return false;
        } else {
            return true;
        }
    }
</script>

</html>
